<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
	<head>
		<title>Fitness-club Website Template | Services :: W3layouts</title>
			<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="icon" href="img/front/favicon.gif" type="image/x-icon" />
		<link href="css/style.css" rel="stylesheet" type="text/css"  media="all" />
		<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		  <script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
				});
			});
		</script>
	</head>
	<body>
	<!---start-wrap---->
	
		<!---start-header---->
		<div class="header" id="top">
			<div class="wrap">
			<!---start-logo---->
			<div class="logo">
				<a href="index.html"><img src="images/logo.png" title="logo" /></a>
			</div>
			<!---End-logo---->
			<!---start-top-nav---->
			<div class="top-nav">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li class="active"><a href="services.html">Services</a></li>
					<li><a href="gallery.html">Gallery</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div>
			<div class="clear"> </div>
			<!---End-top-nav---->
		</div>
		<!---End-header---->
	</div>
		<!---start---content----->
		<div class="wrap">
		<div class="content">
			<div class="user">
				<div class="pt-content-file-title">
					<div class="pt-lv-01">
						<p><img src="images/img-avatar-no.png" alt="Image"></p>
						<p class="last"><a href="#" class="pt-edit">Chỉnh sửa</a></p>
					</div>
					<div class="pt-lv-02">
						<h3>Tí Teo </h3>
						<p>Nam</p>
						<p>Ngày sinh: 01/06/1991</p>
						<p>Địa chỉ: 70 Cù Chính Lan - Thành phố Đà Nẵng, Việt Nam</p>
						<p>Điện thoại: 0906404101	</p>
						<p>Email: pyro1691@gmail.com</p>
					</div>
				</div>
				<div class="pt-list-table">
					<h2>ĐƠN HÀNG</h2>
					<table cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<th><strong>STT</strong></th>
								<th><strong>Tên sản phẩm đặt hàng</strong></th>
								<th><strong>Số lượng</strong></th>
								<th><strong>Đơn giá</strong></th>
								<th><strong>Thành tiền</strong></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>01</td>
								<td>Lumia 720</td>
								<td>01</td>
								<td>7.000.000 VND</td>
								<td>7.000.000 VND</td>
							</tr>
							<tr class="odd">
								<td>02</td>
								<td>Lumia 720</td>
								<td>01</td>
								<td>7.000.000 VND</td>
								<td>7.000.000 VND</td>
							</tr>
							<tr>
								<td>03</td>
								<td>Lumia 720</td>
								<td>01</td>
								<td>7.000.000 VND</td>
								<td>7.000.000 VND</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		</div>
			<!---start-box---->
			<div class="boxs">
				<div class="wrap">
				<div class="box center-box center-box-fix">
					<h3>TIN MỚI NHẤT</h3>
					<ul>
						<li><a href="#">ullamco laboris nisi ut al nisi ut aliquip e</a></li>
						<li><a href="#">nostrud exercitanisi ut aliquip etion ull</a></li>
						<li><a href="#">aliquip ex ea nisi ut aliquip e commodo co</a></li>
						<li><a href="#">orem ipsum dolor nisi ut aliquip e sit amet</a></li>
						<li><a href="#">exercitationnisi ut aliquip e  ullamco...</a></li>
					</ul>
				</div>
				<div class="box center-box">
					<h3>BÀI HƯỚNG DẪN</h3>
					<ul>
						<li><a href="#">ullamco laboris nisi ut al nisi ut aliquip e</a></li>
						<li><a href="#">nostrud exercitanisi ut aliquip etion ull</a></li>
						<li><a href="#">aliquip ex ea nisi ut aliquip e commodo co</a></li>
						<li><a href="#">orem ipsum dolor nisi ut aliquip e sit amet</a></li>
						<li><a href="#">exercitationnisi ut aliquip e  ullamco laboris</a></li>
					</ul>
				</div>
				<div class="box">
					<h3>DID YOU KNOW?</h3>
					<p>nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. orem ipsum dolor sit amet, consectetur adipisicing quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat......	<a href="#">ReadMore</a></p>
				</div>
				<div class="clear"> </div>
			</div>
			<!---start-box---->
		</div>
		<!---End---content----->
		<div class="clear"> </div>
		<div class="footer">
			<div class="wrap">
			<div class="footer-left">
				<p>Design by <a href="http://w3layouts.com/">W3layouts</a></p>
			</div>
			<div class="footer-right">
				<ul>
					<li><a href="#">Our Loocations</a></li>
					<li><a href="#">FAQ's</a></li>
					<li><a href="#">Personal info</a></li>
					<li><a href="#">Products</a></li>
				</ul>
				<ul>
					<li><a href="#">Our Loocations</a></li>
					<li><a href="#">FAQ's</a></li>
					<li><a href="#">Personal info</a></li>
					<li><a href="#">Products</a></li>
				</ul>
			</div>
			<div class="clear"> </div>
			
		</div>
	</div>
	<div class="clear"> </div>
	<div class="top-link">
		<a href="#top" class="scroll">Click to Top</a>
	</div>
	<!---End-wrap---->
	</body>
</html>

